@font-face {
    font-family: 'iconfont';  /* project id 1002545 */
    src: url('//at.alicdn.com/t/font_1002545_6rbqcs6p386.eot');
    src: url('//at.alicdn.com/t/font_1002545_6rbqcs6p386.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_1002545_6rbqcs6p386.woff2') format('woff2'),
    url('//at.alicdn.com/t/font_1002545_6rbqcs6p386.woff') format('woff'),
    url('//at.alicdn.com/t/font_1002545_6rbqcs6p386.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_1002545_6rbqcs6p386.svg#iconfont') format('svg');
  }
.zkicon {
    font-family: iconfont;
    margin-left: 0upx;
}
.card-box{
    box-shadow: 0 0 20upx #ccc; 
    border-radius: 20upx;
    overflow: hidden;
    margin:0 0 40upx 0;
    // border:1px solid green
    image{
        // height:520upx;
        width:100%;
    }
    .title-box{
        padding:20upx;
        .time{
            color:#ccc;
            font-size:28upx;
        }
        .tit{
            font-size:36upx;
            font-weight:bold;
        }
    }
}
.head-box{
    overflow: hidden;
    margin:20upx 0 20upx 0;
    .head-tit{
        float:left;
        font-size:36upx;
        height:120upx;
        line-height:120upx;
    }
    .img{
        float:right;
        border-radius: 50%;
        width:120upx;
        height:120upx;
        overflow: hidden;
        image{
            width:100%;
            height:100%;
        }
    }
}
.zk-logo {
    text-align:center;
    image {
        width:200upx;
        height:200upx;
    }
    p{
        font-size:36upx;
    }
}
    
.login-info{
    padding:16upx;
    font-size:28upx;
    
}
.btn-box{
    padding:20upx 0 0 0;
}
.bottom-btn-box{
    border-top:1px solid #ccc;
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    padding:16upx;
    z-index:999;
    background: #fff;
    // width:100%;
    .fl{
        width:16%;
        float:left;
        padding-right:16upx;
    }
    .fc{
        
    }
    .fr{
        width:24%;
        float:right;
        padding-left:16upx;
    }
    .fr2{
        width:16%;
        float:right;
        padding-left:16upx;
    }
}
.custom-btn{
    font-size:26upx !important;
    .zkicon{
        font-size:32upx;
        margin:0 6upx 0 0;
    }
}
.btn-blue{
    background:#3498db !important;
}
.btn-org{
    background:#e74c3c !important;
}
.act-image{
    image{
        width:100%;
    }
}
.act-info{
    background: #fff;
    border-bottom:1px solid #ccc;
    padding:22upx;
    .tit{
        font-size:36upx;
        color:#3498db;
        text-align:center;
        padding:10upx 0;
    }
    .info{
        padding:14upx 0 30upx 14upx;
    }
}
.act-signInList{
    background: #f6f6f6;
    .title{
        padding:20upx;
    }
}
.item-list{
    background:#fff;
    border-bottom:1px solid #eee;
    margin:20upx 0 0 0;
    .list{
        border-top:1px solid #eee;
        padding:18upx 18upx;
        color:#333;
        .zkicon{
            color:#000;
            font-size:40upx;
            padding:0 16upx 0 0upx;
        }
        .fr{
            float:right;
        }
    }
}
.me-box{
    height:470upx;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    overflow: hidden;
    image{
        width:100%;
        height:360upx;
        align-self:flex-start;
    }
    .center-box{
        position: absolute;
        
        .img{
            width:160upx;
            height:160upx;
            overflow: hidden;
            border-radius: 50%;
            border:6upx solid #fff;
            image{
                width:100%;
                height:100%;
            }
        }
        .name{
            text-align: center;
            font-weight:bold;
            padding:10upx 0;
        }
    }
    
}